﻿<%@ Page Title="" Language="C#" MasterPageFile="~/site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Colover.WebCore.liwu.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="mainContentPlaceHolder" runat="server">
    <!-- Page header -->
				<article class="page-header">
					<h1>Media Gallery</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit, dolor mollis adipiscing elementum, ipsum turpis euismod tellus, vitae mollis velit leo id nisi. Morbi non lectus turpis, eu interdum orci. In at rutrum nisi. Donec sit amet urna purus, at eleifend ipsum. Sed magna enim, tempor eu tincidunt vitae, dictum tristique arcu.</p>
				</article>
				<!-- /Page header -->
	
                <!-- Grid row -->
				<div class="row">
				
					<!-- Data block  -->
					<article class="span12 data-block decent">
						<div class="data-container">
							<header>
								<h2>Image Gallery</h2>
							</header>
							<section>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum tortor sed lectus dignissim nec ornare augue tincidunt. In adipiscing vulputate orci, ut aliquam nisi condimentum vitae. Nunc suscipit enim id diam venenatis mattis. Vestibulum id leo augue.</p>
								<div class="form-gallery">
									<ul class="thumbnails">
										<li class="span6">
											<a class="thumbnail" href="Details.aspx"><img alt="Image 1" src="../img/assets/sample-image3.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 2" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 3" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 4" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 5" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 6" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 7" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 8" src="../img/assets/sample-image2.png"/></a>
										</li>
										<li class="span3">
											<a class="thumbnail" href="#"><img alt="Image 9" src="../img/assets/sample-image2.png"/></a>
										</li>
									</ul>
								</div>
							</section>
						</div>
					</article>
					<!-- /Data block  -->
					
				</div>
				<!-- /Grid row -->			

    <!-- Grid row -->
				<div class="row">
				
					<!-- Data block  -->
					<article class="span12 data-block">
						<div class="data-container">
							<header>
								<h2>广告位</h2>
							</header>
							<section>
								<p>此处放置文字广告</p>
								<ul class="thumbnails">
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
								</ul>
							</section>
						</div>
					</article>
					<!-- /Data block  -->
					
				</div>
				<!-- /Grid row -->

				<!-- Grid row -->
				<div class="row">
				
					<!-- Data block -->
					<article class="span12 data-block">
						<div class="data-container">
							<header>
								<h2>Image Gallery</h2>
							</header>
							<section>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum tortor sed lectus dignissim nec ornare augue tincidunt. In adipiscing vulputate orci, ut aliquam nisi condimentum vitae. Nunc suscipit enim id diam venenatis mattis. Vestibulum id leo augue.</p>
								<ul class="thumbnails">
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
									<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image.png"></a></li>
								</ul>
								<div class="row">
									<div class="span12">
										<h2>Endless combinations</h2>
										<p>If you want only clean images for gallery, use class <code>.raw</code> on your thumbnails container.</p>
										<p>Duis eu porta ligula. In tempor, ipsum vitae semper adipiscing, nisi eros feugiat massa, in tristique elit ipsum dapibus tellus. Nullam nisi tellus, aliquam quis vestibulum et, interdum eget leo. Maecenas quam turpis, luctus vel imperdiet ac, tempus id erat. Nullam nec diam erat. Fusce cursus arcu ac magna lobortis bibendum. Nunc eu elementum quam.</p>
										<ul class="thumbnails raw">
											<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image2.png"></a></li>
											<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image2.png"></a></li>
											<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image2.png"></a></li>
											<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image2.png"></a></li>
											<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image2.png"></a></li>
											<li class="span2"><a class="thumbnail" href="#"><img alt="" src="../img/assets/sample-image2.png"></a></li>
										</ul>
									</div>
								</div>
							</section>
						</div>
					</article>
					<!-- /Data block -->
					
				</div>
				<!-- /Grid row -->
				
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="scriptContentPlace" runat="server">
</asp:Content>
